<template>
  <div class="projectDataCenter">
    <div style="width:100%;height:13rem">
      <TopMenu />
    </div>
    <div v-if="this.$store.state.selectMenu==1" style="padding:0rem 0rem 0rem;">
      <Home/>
    </div>
    <div v-if="this.$store.state.selectMenu==2" style="padding:0rem 4.2rem 3.2rem;">
      <RealNameManage />
    </div>
    <div v-if="this.$store.state.selectMenu==3" style="padding:0rem 4.2rem 3.2rem;">
      <AttendanceManage />
    </div>
    <div v-if="this.$store.state.selectMenu==4" style="padding:0rem 4.2rem 3.2rem;">
      <WagePay />
    </div>
  </div>
</template>

<script>
import RealNameManage from './realNameManage/index'
import WagePay from './wagePay/index'
import TopMenu from './topMenu/index'
import AttendanceManage from './attendanceManage/index'
import Home from './home/index'
export default {
  components: {
    RealNameManage,
    WagePay,
    TopMenu,
    Home,
    AttendanceManage
  },
  data() {
    return {
      selectFlag: 1
    }
  },
  mounted() {
    this.selectFlag = this.$store.state.selectMenu
    // console.log(this.$store.state.selectMenu)
  }
}
</script>

<style scoped>
.projectDataCenter {
  /* position: relative; */
  background: url('../../../assets/img/laborDataCenter/bj.png');
  background-size: 100%;
  height: 100vh;
  overflow: hidden;
  padding: 0rem 0rem 3.2rem;
}
</style>